// 单行文本
.textOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
// 多行文本
.mulTextOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

// 正文
.section{
	width: 1200px;
	margin: 150px auto 100px;
}
.arc-content{
	display: flex;
	justify-content: space-between;
}
.left{
	width: 865px;
	.art-title{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		height: 65px;
		border-left: 4px solid #366f70;
		padding-left: 20px;
		
		.name{
			&:extend(.textOverflow);
			width: 100%;
			font-size: 28px;
			color: #000;
			line-height: 1;
		}
		.send-time{
			font-size: 16px;
			color: #979899;
			line-height: 1;
		}
	}
	
	.art-content{
		margin-top: 60px;
		font-size: 18px;
		color: #646566;
		line-height: 2;
		text-indent: 2em;
		img{
			display: block;
			width: 650px;
			margin: 50px auto;
		}
	}
	.part-line{
		display: block;
		color: dcdcdc;
		margin: 60px 0;
	}
	.art-page{
		a{
			display: block;
			color: #646566;
			font-size: 18px;
			line-height: 1;
			margin-bottom: 20px;
			&:last-of-type{
				margin-bottom: 0px;
			}
			&:hover{
				color: #366F70;
			}
		}
	}
}
.right{
	width: 270px;
	.act-part{
		margin-bottom: 40px;
		img{
			width: 100%;
			height: 175px;
			object-fit: cover;
		}
		.art-part-name{
			&:extend(.textOverflow);
			display: block;
			width: 100%;
			font-size: 20px;
			color: #333;
			line-height: 1;
			margin-top:20px ;
			margin-bottom: 10px;
		}
		.art-part-time{
			font-size: 14px;
			color: #979899;
		}
	}
}